<template>
	<el-dialog
	  top="35vh"
	  :visible.sync="unrepDialog" :modal="options.modal"
	  width="300px" class="unrepDialog"
	  center>
	  <h3 class="unrep-title">{{options.title}}</h3>
	  <p class="unrep-con">{{options.linefeedPre}}<br>{{options.linefeedNext}}</p>
	  <div class="unrep-footer">
	    <el-button type="primary" round @click="$emit(options.eventName)" class="unrep-sub">{{options.subCon}}</el-button>
	  </div>
	</el-dialog>
</template>

<script>
export default{
	props:{
		options:{
			type:Object,
			require:true
		}
	},
	data(){
		return {
			unrepDialog:false
		}
	},
	methods:{
		open(){
			this.unrepDialog = true;
		},
		close(){
			this.unrepDialog = false;
		}
	}
}
</script>

<style scoped="scoped">
.unrep-title{
	font-weight: bold;
	color: #000;
}
.unrep-title,.unrep-con{
	text-align: center;
	margin: 20px 0;
}
.unrep-sub{
	width: 200px;
	background-color: #FF0000;
}
.unrep-footer{
	text-align: center;
}
</style>
